html周考题2 |
您所在的位置:网站首页 › font family属性 › html周考题2 |
一.单选题(共41小题,每题1.5分,共61.5分) 13、下面有关表格的说法正确的是( C )。 A. 表格已经被抛弃了,现在没必要学 B. 我们可以使用表格来布局 C. 表格一般用于展示数据 D. 表格最基本的3个标签是:tr、th、td16、大多数表单元素都是使用( A )标签,然后通过type属性指定表单类型。 A. input B. textarea C. select D.option17、下面表单元素中,有value属性的是( D )。 A. 单选框 B.复选框 C.下拉列表 D.以上都是18、单行文本框使用( C )实现,密码文本框使用( D )实现,多行文本框使用( A )实现。 A. B. C. D.19、如果想要定义单选框默认选中效果,可以使用( A )属性来实现。 A. checked B.selected C.type D.以上都不是20、在表单中,input元素的type属性取值为( A )时,用于创建重置按钮。 A. reset B. set C. button D.submit21、下面有关表单的说法,正确的是( D )。 A. 表单其实就是表格,两者是一样的 B. 下拉列表不属于表单,而是属于列表的一种 C. 在表单中,group属性一般用于单选框和复选框分组 D. 在表单中,value属性一般是为了方便JavaScript或服务器操作数据用的22、下面对于按钮的说法,不正确的是( D )。 A. 普通按钮一般情况下都是配合JavaScript来进行各种操作的; B. 提交按钮一般都是用来给服务器提交数据的; C. 重置按钮一般用来清除用户在表单中输入的内容 D. 表单中的按钮更多的是使用button标签来实现29、如果想要实现字体颜色为白色,可以使用定义color属性值为( B )。 A. #000000 B. #FFFFFF C. wheat D.black30、下面有关字体样式,说法正确的是( C )。 A. font-family属性只能指定一种字体类型 B. font-family属性可以指定多种字体类型,并且浏览器是按照从右到左的顺序选择 C. 在实际开发中,font-size很少取“关键字”作为属性值 D. 在实际开发中,font-weight属性一般取100~900的数值31、下面选项中,属于CSS正确注释方式是( B )。 A. //注释内容 B. /*注释内容*/ C. D.//注释内容//32、CSS使用( C )属性来定义段落的行高。 A. height B. align-height C. line-height D.min-height33、CSS使用( A )属性来定义字体下划线、删除线以及顶划线效果。 A. text-decoration B. text-indent C. text-transform D.text-align34、如果想要实现下图14-12所示的效果,我们可以使用( C )来实现。 [图片上传失败...(image-6c8f86-1537317883054)] A. text-decoration:none; B. text-decoration:underline; C. text-decoration:line-through; D. text-decoration:overline;35、下面有关文本样式的说法中,正确的是( B )。 A. 如果想要让段落首行要缩进2个字的间距,text-indent值应该是font-size值的4倍 B.“ text-align:center;”不仅可以实现文本水平居中,还可以实现图片水平居中 C. 我们可以使用line-height来实现一个段落的高度 D. 我们可以使用“text-transform:uppercase;”来将英文转换为小写形式36、如果我们想要定义某一个元素的右边框,宽度为1px,外观为实线,颜色为红色,正确写法应该是( C )。 A. border:1px solid red; B. border:1px dashed red; C. border-right:1px solid red; D. border-right:1px dashed red;37、如果我们想要去掉某一个元素的上边框,下面写法中不正确的是( A )。 A. border-top:not; B.border-top:none; C. border-top:0; D.border-top:0px;38、在真正实战开发中,对于下图所示的列表项符号,最佳实现方法是(C )。 [图片上传失败...(image-862242-1537317883054)] A. list-style-type B. list-style-image C. 字体图标 D.background-image39、下面对于列表说法中,叙述错误的是( A )。 A. list-style-type属性是在li元素中设置的 B. 我们可以使用“list-style-type:none;”去除列表项符号 C. 大多数列表我们都是使用ul元素,而不是使用ol元素 D. 不管是有序列表还是无序列表,我们都是使用list-style-type属性来定义列表项符号40、CSS可以使用( C )属性来合并表格边框。 A. border-width B. border-style C. border-collapse D. border-spacing41、下面有关表格样式,说法不正确的是( C )。 A. border-collapse只限用于表格,不能用于其他元素 B. caption-side、border-collapse、border-spacing这3个一般在table元素中设置 C. 可以使用“border-collapse: separate;”来将表格边框合并 D. 如果要为表格添加边框,我们一般需要同时对table、tr、td这几个进行设置42、CSS可以使用( B )属性来实现图片水平居中。 A. text-indent B. text-align C. vertical-align D.float43、下面有关图片样式,说法正确的是( C )。 A. 由于img元素不是块元素,因此设置width和height无效 B. 可以使用vertical-align属性来实现图片在div元素中垂直居中 C. “text-align:center;”不仅能实现图片水平居中,也能实现文本水平居中 D. 可以使用text-align实现文字环绕图片的效果44、CSS可以使用(A )属性来设置文本颜色。 A. color B.background-color C.text-color D. font-color45、下面有关背景样式,说法不正确的是( A )。 A. 默认情况下,背景图片是不平铺的 B. color设置的是文本颜色,background-color设置的是背景颜色 C. CSS Spirit技术是借助background-position属性来实现的 D. 我们可以使用“background-repeat:repeat-x;”来实现背景图片在X轴方向平铺46、下面哪一个伪类选择器是用于定义鼠标经过元素时样式的?( C ) A. :link B. :visited C. :hover D. :active47、在实际开发中,如果想要定义超链接未访问时的样式,可以使用( A )。 A. a{} B.a:visited{} C. a:hover{] D. a:active{}48、我们可以使用( D )来实现鼠标悬停在超链接上时为无下划线效果。 A. a{text-decoration:underline;} B. a{text-decoration:none;} C. a:link{text-decoration:underline;} D. a:hover{text-decoration:none;}49、下面有关超链接样式说法中,正确的是( A )。 A. 对于超链接的下划线,我们可以使用“text-decoration:none;”去掉 B. cursor属性自定义鼠标样式时,使用的图片文件后缀名可以是.png C. :hover伪类只能用于a元素,不能用于其他元素 D. 对于超链接来说,在实际开发中,我们一般只会定义2种状态:鼠标经过状态和点击后状态50、下面哪个属性用于定义外边距?( D ) A. content B.padding C.border D.margin51、下面有关CSS盒子模型的说法中,正确的是( D )。 A. margin不属于元素的一部分,因为它不在边框内部 B. padding又称为“补白”,指的是边框到“父元素”或“兄弟元素”之间的那一部分 C. “margin:20px 40px 60px 80px;”表示margin-top为20px,margin-left为40px,margin-bottom为60px,margin-right为80px。 D. width和height只是针对内容区(content)而言的,不包括内边距(padding)。52、如果一个div元素的上内边距和下内边距都是20px,左内边距是30px,右内边距是40px,正确的写法是( B )。 A. padding:20px 40px 30px; B. padding:20px 40px 20px 30px;C. padding:20px 30px 40px; D.padding:40px 20px 30px 20px; 53、对于“margin:20px 40px;”,下面说法正确的是( C )。 A. margin-top是20px,margin-right是40px,margin-bottom和margin-left都是0 B. margin-top是20px,margin-bottom是40px,margin-left和margin-right都是0 C. margin-top和margin-bottom都是20px,margin-left和margin-right都是40px D. margin-top和margin-bottom都是40px,margin-left和margin-right都是20px54、默认情况下,( A )元素设置width和height可以生效。 A. div B.span C.strong D.em55、如果想要实现文本环绕着图片,最好的解决方法是( A )。 A. 浮动布局 B.定位布局 C.表格布局 D.响应式布局56、在CSS中,“clear:both;”的作用是( C )。 A. 清除该元素的所有样式 B. 清除该元素的父元素的所有样式 C. 清除该元素的兄弟元素浮动之后带来的影响 D. 清除该元素的父元素浮动之后带来的影响57、下面有关浮动的说法中,不正确的是( B )。 A. 浮动和定位都是使得元素脱离文档流来实现布局的 B. 如果想要实现多列布局,最好的方式是使用定位布局 C. 浮动是魔鬼,如果控制不好的话,会造成页面布局混乱 D. 想要清除浮动,更多使用的是“clear:both;”,而不是“clear:left;”或“clear:right;”来实现58、我们可以定义position属性值为(B ),从而来实现元素的相对定位。 A. fixed B. relative C.absolute D.static59、下面哪个属性不会让div元素脱离文档流?( B ) A. position:fixed; B.position:relative; C. position:absolute D.float:left;60、默认情况下,以下关于定位布局的说法不正确的是( C )。 A. 固定定位元素的位置是相对浏览器四条边 B. 相对定位元素的位置是相对于原始位置 C. 绝对定位元素的位置是相对于原始位置 D. position属性的默认值是static61、下面有关定位布局,说法不正确的是( D )。 A. 想要实现相对定位或绝对定位,我们只需要用到top、right、bottom、left的其中2个就可以了 B. 绝对定位可以让元素完全脱离文档流,元素不会占据原来的位置 C. 现在的前端开发不再使用表格布局,而是使用浮动布局和定位布局D. 在实际开发中,优先使用定位布局。如果实现不了,再考虑浮动布局 三、判断题(每题1.5分,共7.5分) 12.若某个标签里的内容超过标签的尺寸,则超出的内容自动隐藏的CSS样式是visibility:hidden ( 错 ) 13.在HTML中,将表单中input元素的type属性值设置为set时,用于创建重置按钮 ( 错 ) 14.在 HTML中,action属性用于设置表单要提交的地址 (对 ) 16.在HTML中创建一个隐藏域可以 (错 ) 18.transition-property 设置过渡的时间,transition-duration 设置过渡的属性(错 ) 四、简答题(4-6题6分,7题7分,共25分) 4 1、定义一个列表,每一个列表项都是一个超链接,并且要求去除列表项符号以及超链接下划线,超链接文本颜色为粉红色,并且点击某一个列表项会以新窗口的形式打开。 [图片上传失败...(image-aabb7b-1537317883044)] top1:百度 top2:淘宝 top3:新浪 top4:网易 top5:搜狐 .total{ .total ul{ .total ul a{text-decorati0n:none; List-style:none;} Width:30px; color:pink;} Height:400px; Text-alian:center } 5请将下图所示的图片当做背景图,要求铺满整个页面,不允许有空隙。 [图片上传失败...(image-2d6d42-1537317883042)] Body{ Background-image:url(../image/1.png); Background-repeat:repet } 6在网页中添加一段文本链接,并且设置其在不同的状态下显示不同的效果。要求: (1)未访问时:没有下划线,颜色为红色 (2)鼠标经过时:有下划线,颜色为蓝色 A:link{ Text-decoration:none; Color:red } A:hover{ Color:blue; Text-decoration:underline; } 7 使用浮动布局来实现下图所示的页面布局效果,其中各个元素之间的间距是10px。下面只给出必要的尺寸,也就是说有些尺寸需要我们自己计算的。在实际开发中,计算尺寸是家常便饭,所以这里我们自己试一下。 [图片上传失败...(image-8d0a1c-1537317883041)] .total{ Width:800px; Height:800px; Overflow:hidden } .box1{ Width:800px; Height:100px; } .box2{ Width:595px; Height:38-px; Float:left; } .box3{ Width:195px; Height:380px; Float:left; } .box1{ Width:800px; Height:100px; } 五、论述题(每题6分,共6分) 1、在两个盒子嵌套时候,内部的盒子设置的margin-top会加到外边的盒子上,导致内部的盒子margin-top设置失败,请说出三种解决方案: 外部盒子设一个边框 父元素设置overflow:hidden 使用伪元素类 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |